<template>
    <span>
        <span class="custom-left-border"> </span>
        <el-text type="primary"> {{ label }}</el-text>
        <span class="custom-colon"> : </span>
        <el-text v-bind="$attrs">
            <slot></slot>
        </el-text>
    </span>
</template>
<script lang="ts" setup>
// 描述表单项
defineOptions({
    name: 'MkDescriptionItem',
});

const props = defineProps({
    label: {
        type: String,
        default: '',
    },
})
</script>

<style lang="scss" scoped>
.custom-left-border {
    margin-left: 1rem;
    padding-right: 0.5rem;
    border-left: 1px solid #d1d5db;
}

.custom-colon {
    padding-left: 0.25rem;
    padding-right: 0.5rem;
    font-weight: 600;
}
</style>
